.root{
  overflow: hidden;
  .notice{
    height: 100rpx!important;
    font-size: 34rpx;
    color: #fff;
    background-color: #923339;
    .van-notice-bar__wrap{
      transform: translateX(150rpx);
    }
  }
  .noticeicon{
    width: 180rpx;
    height: 60rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30rpx;
    background: #fff;
    color: #923339;
    position: fixed;
    top: 20rpx;
    left: 20rpx;
    image{
      width: 25rpx;
      height: 35rpx;
    }
  }
  .img{
    width: 100%;
    height: calc(100vh - 100rpx);
    position: relative;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    .back{
      position: absolute;
      bottom: 0;
      left:0;
      z-index: -1;
      width: 100%;
      height: 100%;
      filter: blur(20px);
      image{
        width: 100vw!important;
        height: 100vh!important;
        object-fit: cover;
      }
    }
    .watermark{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      z-index: 999;
      width: 50%;
    }
    image{
      width: 100%;
      object-fit: cover;
    }
    .wrapper{
      display: flex;
      width: 50vw;
      height: 50vw;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }
  }
  .number{
    width: 50vw;
    height: 80rpx;
    border-radius: 40rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 1px solid #fff;
    position: fixed;
    bottom: 23vh;
    left: 50%;
    background: rgba(255, 255, 255, .2);
    transform: translateX(-50%);
    text{
      margin-left: 10rpx;
    }
  }
  .buy,.bought{
    width: 60vw;
    height: 100rpx;
    position: fixed;
    bottom: 2vh;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50rpx;
    font-size: 34rpx;
    color: #fff;
    icon{
      margin-right: 10rpx;
      margin-bottom: 10rpx;
    }
  }
  .buy{
    background-color: #FE5615;
  }
  .bought{
    background-color: #004098;
  }
}